<html>
<head >
<meta charset="utf-8" >
<meta http-equiv="content-type" content="text/html" >
<meta   HTTP-EQUIV="Pragma"   CONTENT="no-cache"> 
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"   />

<title>交易大厅</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_1751364_wz9qio46qxd.css">

<link rel="stylesheet" type="text/css" href="./css/css.css"/>
<link rel="stylesheet" type="text/css" href="./css/foot.css"/>

<link rel="stylesheet" type="text/css" href="./css/transaction.css"/>

<script src="./js/jquery-2.1.4.min.js"></script>

    <!-- 幻灯片插件 -->
<link rel="stylesheet" type="text/css" href="./js/swiper/swiper.min.css"/>

<!--
<link rel="stylesheet" href="../styles/font/iconfont.css">
-->

    <script>

        function    locking(tabid){
            document.all.ly.style.display="block";
            document.all.ly.style.width=document.body.clientWidth;
            document.all.ly.style.height=document.body.clientHeight;
            document.all.Layer2.style.display='block';

            var showDiv = 'tab'+tabid;
            $(".tab1").hide();
            $(".tab2").hide();
            $(".tab3").hide();
            $(".tab"+tabid).show();

            $(".item-up1").removeClass("icontubiaozhizuo-");
            $(".item-up2").removeClass("icontubiaozhizuo-");
            $(".item-up3").removeClass("icontubiaozhizuo-");


            $(".item-up"+tabid).addClass("icontubiaozhizuo-");
        }

        function    Lock_CheckForm(theForm){
            document.all.ly.style.display='none';document.all.Layer2.style.display='none';

            $(".item-up1").removeClass("icontubiaozhizuo-");
            $(".item-up2").removeClass("icontubiaozhizuo-");
            $(".item-up3").removeClass("icontubiaozhizuo-");


            return   false;
        }
    </script>
</head >


<body id="transaction">
    <header>
        <form >
          <div class="block-select">
              <div class="item-type item-tab ">
                  <div class="item-tab-title" onclick="locking(1)">场地类型<i class="item-up item-up1 iconfont icontubiaozhizuo-1"></i></div>
              </div>
              <div class="item-project item-tab ">
                  <div class="item-tab-title" onclick="locking(2)">所需项目<i class="item-up item-up2 iconfont icontubiaozhizuo-1"></i></div>
              </div>
              <div class="item-pdate item-tab ">
                  <div class="item-tab-title" onclick="locking(3)">活动时间<i class="item-up item-up3 iconfont icontubiaozhizuo-1"></i></div>
              </div>
          </div>



            <div id="ly" style="position: absolute; top: 32px; filter: alpha(opacity=60); background-color: rgb(119, 119, 119,0.6);
         z-index: 2; left: 0px; display: none;" onclick="Lock_CheckForm()">
            </div>
            <!--          浮层框架开始         -->
            <div id="Layer2" align="center" style="position: absolute; z-index: 3; left: center; top: center;  background-color: #fff;width: 100%; display: none;" >
                <!-- tab 切换 1 -->
                <div class="tab1 tab1-conent">
                    <label class="item-tab-ck">
                        <span>星级不限</span><input class="item-tab-checkbox" type="checkbox" name="type[]" value="" >
                        <label ></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>五星级</span><input class="item-tab-checkbox" type="checkbox" name="type[]" value="" >
                        <label></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>四星级</span><input  class="item-tab-checkbox" type="checkbox" name="type[]" value="" >
                        <label></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>三星级</span><input  class="item-tab-checkbox" type="checkbox" name="type[]" value="" >
                        <label></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>特色场地</span><input  class="item-tab-checkbox" type="checkbox" name="type[]" value="" >
                        <label></label>
                    </label>
                    <div class="item-tab-op">
                        <div><button type="reset"  class="op-btn">重置</button></div>
                        <div><button type="submit" class="op-btn" >完成</button></div>
                    </div>
                </div>
                <!-- tab 切换 2 -->
                <div class="tab2 tab1-conent" style="display: none">
                    <label class="item-tab-ck">
                        <span>项目不限</span><input class="item-tab-checkbox" type="checkbox" name="project[]" value="" >
                        <label ></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>会</span><input class="item-tab-checkbox" type="checkbox" name="project[]" value="" >
                        <label></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>餐会</span><input  class="item-tab-checkbox" type="checkbox" name="project[]" value="" >
                        <label></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>房餐会</span><input  class="item-tab-checkbox" type="checkbox" name="project[]" value="" >
                        <label></label>
                    </label>
                </div>
                <!-- tab 切换 3 -->
                <div class="tab3 tab1-conent" style="display: none">
                    <label class="item-tab-ck">
                        <span>时间不限</span><input class="item-tab-checkbox" type="checkbox" name="date[]" value="" >
                        <label ></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>近一周</span><input class="item-tab-checkbox" type="checkbox" name="date[]" value="" >
                        <label></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>近两周</span><input  class="item-tab-checkbox" type="checkbox" name="date[]" value="" >
                        <label></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>近三周</span><input  class="item-tab-checkbox" type="checkbox" name="date[]" value="" >
                        <label></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>近四周</span><input  class="item-tab-checkbox" type="checkbox" name="date[]" value="" >
                        <label></label>
                    </label>
                    <label class="item-tab-ck">
                        <span>一个月以后</span><input  class="item-tab-checkbox" type="checkbox" name="date[]" value="" >
                        <label></label>
                    </label>
                </div>
            </div>
            <!--  浮层框架结束-->
        </form>


          <div id="flash">

              <!-- Swiper -->
              <div class="swiper-container">
                  <div class="swiper-wrapper">
                      <div class="swiper-slide"><img src="./images/flash-1.png"></div>
                      <div class="swiper-slide">Slide 2</div>
                      <div class="swiper-slide">Slide 3</div>
                      <div class="swiper-slide">Slide 4</div>
                      <div class="swiper-slide">Slide 5</div>
                      <div class="swiper-slide"></div>
                  </div>
                  <!-- Add Pagination -->
                  <div class="swiper-pagination"></div>
              </div>
          </div>

    </header>


  <div class="block" id="company-list">
     <!-- 数据列表 -->
        <div class="block-company">
            <div class="block-company-title">
                <div class="item-icon"><img src="./images/Hotel.png"></div>
                <div class="item-name">北京*****公司</div>
                <div class="item-tag">
                    <div class="item-c">
                        <img src="./images/tag-can.png" title="餐">
                        <img src="./images/tag-hui.png" title="会">
                    </div>
                </div>
            </div>
            <div class="block-company-msg">
                <div class="item-money">
                    <span class="item-money-unit"><i class="money">8.0</i>万</span>
                    <span class="item-des">会议预算</span>
                </div>
                <div class="item-num">
                    <span class="item-money-unit"><i class="member">600</i>人</span>
                    <span class="item-des">会议人数</span>
                </div>
                <div class="item-date">
                    <span class="item-date-text">03月17日 周二上午</span>
                    <span class="item-des">开始|共3天</span>
                </div>
            </div>
            <div class="block-company-address">
                <div class="item-address">
                    <span><i class="iconfont icondizhi"></i>福田区（城区）</span>
                </div>
                <div class="item-orderNum">
                    <span>·已有8人接单</span>
                </div>
            </div>
        </div>


        <div class="block-company">
            <div class="block-company-title">
                <div class="item-icon"><img src="./images/Hotel.png"></div>
                <div class="item-name">北京*****公司</div>
                <div class="item-tag">
                    <div class="item-c">
                        <img src="./images/tag-can.png" title="餐">
                        <img src="./images/tag-hui.png" title="会">
                    </div>
                </div>
            </div>
            <div class="block-company-msg">
                <div class="item-money">
                    <span class="item-money-unit"><i class="money">8.0</i>万</span>
                    <span class="item-des">会议预算</span>
                </div>
                <div class="item-num">
                    <span class="item-money-unit"><i class="member">600</i>人</span>
                    <span class="item-des">会议人数</span>
                </div>
                <div class="item-date">
                    <span class="item-date-text">03月17日 周二上午</span>
                    <span class="item-des">开始|共3天</span>
                </div>
            </div>
            <div class="block-company-address">
                <div class="item-address">
                    <span><i class="iconfont icondizhi"></i>福田区（城区）</span>
                </div>
                <div class="item-orderNum">
                    <span>·已有8人接单</span>
                </div>
            </div>
        </div>


        <div class="block-company">
            <div class="block-company-title">
                <div class="item-icon"><img src="./images/Hotel.png"></div>
                <div class="item-name">北京*****公司</div>
                <div class="item-tag">
                    <div class="item-c">
                        <img src="./images/tag-can.png" title="餐">
                        <img src="./images/tag-hui.png" title="会">
                    </div>
                </div>
            </div>
            <div class="block-company-msg">
                <div class="item-money">
                    <span class="item-money-unit"><i class="money">8.0</i>万</span>
                    <span class="item-des">会议预算</span>
                </div>
                <div class="item-num">
                    <span class="item-money-unit"><i class="member">600</i>人</span>
                    <span class="item-des">会议人数</span>
                </div>
                <div class="item-date">
                    <span class="item-date-text">03月17日 周二上午</span>
                    <span class="item-des">开始|共3天</span>
                </div>
            </div>
            <div class="block-company-address">
                <div class="item-address">
                    <span><i class="iconfont icondizhi"></i>福田区（城区）</span>
                </div>
                <div class="item-orderNum">
                    <span>·已有8人接单</span>
                </div>
            </div>
        </div>


        <div class="block-company">
            <div class="block-company-title">
                <div class="item-icon"><img src="./images/Hotel.png"></div>
                <div class="item-name">北京*****公司</div>
                <div class="item-tag">
                    <div class="item-c">
                        <img src="./images/tag-can.png" title="餐">
                        <img src="./images/tag-hui.png" title="会">
                    </div>
                </div>
            </div>
            <div class="block-company-msg">
                <div class="item-money">
                    <span class="item-money-unit"><i class="money">8.0</i>万</span>
                    <span class="item-des">会议预算</span>
                </div>
                <div class="item-num">
                    <span class="item-money-unit"><i class="member">600</i>人</span>
                    <span class="item-des">会议人数</span>
                </div>
                <div class="item-date">
                    <span class="item-date-text">03月17日 周二上午</span>
                    <span class="item-des">开始|共3天</span>
                </div>
            </div>
            <div class="block-company-address">
                <div class="item-address">
                    <span><i class="iconfont icondizhi"></i>福田区（城区）</span>
                </div>
                <div class="item-orderNum">
                    <span>·已有8人接单</span>
                </div>
            </div>
        </div>


        <div class="block-company">
            <div class="block-company-title">
                <div class="item-icon"><img src="./images/Hotel.png"></div>
                <div class="item-name">北京*****公司</div>
                <div class="item-tag">
                    <div class="item-c">
                        <img src="./images/tag-can.png" title="餐">
                        <img src="./images/tag-hui.png" title="会">
                    </div>
                </div>
            </div>
            <div class="block-company-msg">
                <div class="item-money">
                    <span class="item-money-unit"><i class="money">8.0</i>万</span>
                    <span class="item-des">会议预算</span>
                </div>
                <div class="item-num">
                    <span class="item-money-unit"><i class="member">600</i>人</span>
                    <span class="item-des">会议人数</span>
                </div>
                <div class="item-date">
                    <span class="item-date-text">03月17日 周二上午</span>
                    <span class="item-des">开始|共3天</span>
                </div>
            </div>
            <div class="block-company-address">
                <div class="item-address">
                    <span><i class="iconfont icondizhi"></i>福田区（城区）</span>
                </div>
                <div class="item-orderNum">
                    <span>·已有8人接单</span>
                </div>
            </div>
        </div>

        <!-- 数据列表 -->
    </div>


    <footer id="footNav"  >
        <div class="item-nav active">
            <a href="#" >
                <i class="iconfont iconsifapaimai"></i>
                <span>交易大厅</span>
            </a>
        </div>

        <div class="item-nav">
            <a href=""><div class="item-nav-nums">3</div> <i class="iconfont icondingdanguanli-"></i>
                <span>小会推单</span></a>
        </div>
        <div class="item-nav">
            <a href=""> <i class="iconfont icon3dingdan"></i>
                <span>我的订单</span> </a>
        </div>
        <div class="item-nav">
            <a href=""> <i class="iconfont iconhuihua"></i>
                <span>  找人接会</span></a>
        </div>
        <div class="item-nav">
            <a href=""> <i class="iconfont iconxiaoshouyuan"></i>
                <span> 个人中心</span></a>
        </div>
    </footer>
</body>
</html>

<script src="./js/swiper/swiper.jquery.min.js"></script>
<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: false,

        // 自动播放时间
        autoplay:8000,
        // 播放的速度
        speed:3000,
    });
</script>
<!-- end 幻灯片插件 -->